@font-face {
    font-family: 'Impact';
    src: url('../font/Impact.eot');
    src:
    url('../font/Impact.eot?#font-spider') format('embedded-opentype'),
    url('../font/Impact.woff') format('woff'),
    url('../font/Impact.ttf') format('truetype'),
    url('../font/Impact.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.qlScaleimg:hover .pic em{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}

/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.TXTovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.TXTovehid-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

/*transition*/
.tran200{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.tran300{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.tran400{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}
.tran500{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
.tran1000{-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear;}
.tran2000{-webkit-transition:all 2s linear; -moz-transition:all 2s linear; -ms-transition:all 2s linear; transition:all 2s linear;}
.tran3000{-webkit-transition:all 3s linear; -moz-transition:all 3s linear; -ms-transition:all 3s linear; transition:all 3s linear;}


.header{position: relative;background:#fff url(../images/header_border.png) top center no-repeat; background-size: 100%;}
.header .menuIcon{position: absolute;right: 5%;top:50%;-webkit-transform:translateY(-50%); -moz-transform: translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);width: 30px;display: none;}
.header .menuIcon img{width: 100%;}

.w1170{width: 90%;margin: 0 auto;max-width: 1170px;}

.qlBanner{width: 100%;position: relative;overflow: hidden;}
.qlBanner .swiper-slide a{display: block;width: 100%;height: 0;padding-bottom: 490px;background-repeat: no-repeat;background-position: center;background-size:cover;}
.qlBanner .swiper-pagination{width: 47px;position: absolute;left: auto;right: 130px;top:50%;-webkit-transform:translateY(-50%); -moz-transform: translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);bottom: auto;}
.qlBanner .swiper-pagination .swiper-pagination-bullet{display: block;width: 47px;height: 47px;margin: 14px 0;background: url(../images/hd.png) no-repeat center;text-align: center;line-height: 47px;font-size: 18px;color: #fff;line-height: 45px;opacity: 1;}
.qlBanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-image: url(../images/ld.png);}

.index{margin: 34px auto 50px;}

.index_right dd span a img{opacity: 0;}

.qlTitle{width: 100%;position: relative;height: 140px;background: #efefef;text-align: center;line-height: 140px;font-size: 0;}
.qlTitle .w1170{position: relative;}
.qlTitle .w1170:before{content:"";width: 100%;height: 1px;background: #a8a8a7;position: absolute;left: 0;top:50%;}
.qlTitle .w1170 span{display: inline-block;background: #efefef;position: relative;z-index: 2;}
.qlTitle .w1170 span .wap{display: none;}

.ibusScroll{margin: 50px auto 55px;}
.ibusScroll .wrap{padding: 0 50px;position: relative;}
.ibusScroll .container{width: 100%;position: relative;overflow: hidden;}
.ibusScroll .container a{display: block;border: 1px dashed #ccc;border-bottom: 2px solid #84b42a;padding: 7px 7px 0;color: #666;}
.ibusScroll .container a .pic{width: 100%;height: 0;padding-bottom: 76%;position: relative;overflow: hidden;}
.ibusScroll .container a .pic em{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.ibusScroll .container a .pic i{position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 2;background: url(../images/img_hover.png) no-repeat center center;opacity: 0;}
.ibusScroll .container a h5{font-size: 14px;line-height: 40px;font-weight: normal;text-align: center;}
.ibusScroll .container a:hover{border-color: #84B42A;background: #84B42A;color: #fff;}
.ibusScroll .container a:hover .pic i{opacity: 1;}

.index_three{ margin:0 auto 56px;}
.link{margin:0 auto 68px;}
.foot{margin:auto;}
.p_more{ margin:40px auto 0; }

.pageWrap{background:#fff;}

.index_left{width: 47.8%;margin-right: 0;}
.index_right{width: 47.8%;float: right;}
.index_left_box{background-position: right bottom;}

.index_left_box ul li .wrap{padding-left: 58px;position: relative;}
.index_left_box ul li .wrap span{position: absolute;left: 0;top:0;}
.index_left_box ul li  a{display: block;float: none;width: 100%;margin-left: 0;box-sizing:border-box;padding-left: 27px;}


.index_right dl{padding-left: 181px;min-height: 185px;position: relative;}
.index_right dt{position: absolute;left: 0;top:0;margin-right: 0;}
.index_right dd p{height: 48px;margin-bottom: 24px;float: none;}
.index_right dd p:after{display: none;}
.index_right dd .line{width: 100%;height: 2px;background: #dadada;}
.index_right dd span{float: none;}

.index_three dt,.index_three dd{width: 50%;box-sizing:border-box;}
.index_three dd{height: 156px;}
.index_three dd .more{margin-top: 40px;}
.index_three dd .wrap{width: 100%;height: 100%;box-sizing:border-box;border-bottom: 1px solid #cdcdcd;position: relative;}
.index_three dd:after{display: none;}
.index_three dd .more{padding-left: 16px;background-color: #f7f7f7;background-position: 16px top;margin-top: 0;position: absolute;right: 0;bottom: -6px;}
.index_three dd .more:hover{background-position-y:bottom;}
.index_three dd p{overflow: hidden;}
.index_three dt{height: 156px;position: relative;}
.index_three dt em{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.index_three dt em .palyIcon{ position: absolute; top: 50%; left: 50%; margin: -30px 0 0 -30px; cursor: pointer; width: 60px; height: 60px; border-radius: 50%; background: rgba(255,255,255,0.8);}
.index_three dt em .palyIcon::before{content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: rgba(255,255,255,0.4);
    border-radius: 50%;
    transition: 0.5s;}
.index_three dt em .palyIcon img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); cursor: pointer;}
.index_three dt em .palyIcon:hover::before {
    left: -10px;
    top: -10px;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
}
/* .index_three_title{display: none;background-color: #fff;}
.index_three_title.qlTitle .w1170 span{background: #fff;} */

.link{padding-left: 220px;position: relative;box-sizing: border-box;}
.link h4{position: absolute;left: 0;top:50%;margin-top: -28px;margin-right: 0;}
.link .container{width: 100%;position: relative;overflow: hidden;}
.link .container .swiper-slide{width: auto;}
.link .container .swiper-slide a{display: block;position: relative;}
.link .container .swiper-slide a img{height: 56px;}

.index_three_title{display: none;}
.footer{background:url(../images/footer_bgf.jpg) no-repeat center center #0c6790;height: auto;background-size: cover;}
.foot_top{padding-bottom: 45px;border-bottom: 1px solid #1c82ab;}
.foot_bottom{margin-top: 0;}
.foot_bottom a{color: #fff;}

.policeWrap{padding:20px 0;}

.ulStyle{width: 100%;margin-top: 24px;}
.ulStyle li{width: 22%;box-sizing:border-box;border: 1px solid #dad9d9;text-align: center;position: relative;height: 85px;float: left;cursor: pointer;overflow: hidden;margin-left: 3.8%;}
.ulStyle li:first-child{margin-left: 0;}
.ulStyle li .dl{width: 200%;height: 100%;position: absolute;left: 0;top:0;}
.ulStyle li .dl .dd{width: 50%;height: 100%;float: left;}
.ulStyle li .dl .dd h5{height: 64px;line-height: 64px;color: #b8b8b8;font-family: "Impact";font-size: 54px;}
.ulStyle li .dl .dd em{display: block;font-size: 15px;line-height: 30px;color: #087540;background: #fff;position: relative;z-index: 2;margin-top: -9px;}
.ulStyle li .dl .dd.dd2 h5{color: #81b12c;}
.ulStyle li:hover .dl{-webkit-transform:translateX(-50%);transform:translateX(-50%);}

.index_title img.wap{display: none;}

.p_more a{line-height: 20px;}

.stock .qlTabs{text-align: center;}
.stock .qlTabs li{padding: 0 18px;border:1px solid #84B42A;line-height: 32px;font-size: 15px;color:#84B42A;float: left;margin-right: 6px;cursor: pointer;
float: none;display: inline-block;margin: 0 3px;}
.stock .qlTabs li.on,.stock .qlTabs li:hover{background: #84B42A;color: #fff;}
.stock .cont{border:1px solid #84B42A;margin-top: -1px;max-width: 545px;padding: 20px;max-width: 800px;margin: 0 auto;}
.stock .cont .qlItem{display: none;width: 100%;height: 100%;text-align: center;}
.stock .cont .qlItem:first-child{display: block;}

.stockTxt{ margin-bottom: 20px; font-size: 15px; line-height: 30px; text-align: justify;}

.pic_list.picList li{position: relative; width: 32%;margin-right:2%; }
.pic_list.picList li img.poster{position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 2;opacity: 0;cursor: pointer;visibility: hidden;}
.pic_list.picList li .pic{ background: #f9f9f9;}
.pic_list.picList li .pic > a{padding-bottom: 134%; background-size: contain; background-repeat: no-repeat;}


.viewer-title{font-size: 18px;color: #fff;opacity: 1;margin-bottom: 20px;}

.honorList2 .list li{position: relative;}
.honorList2 .list li .poster{position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 2;opacity: 0;visibility: hidden;}

@media screen and (max-width: 1280px){
.index_right dd{width: 100%;}
.index_right dd span a{height: auto;backgrond:none;width: 22%;margin-left: 4%;}
.index_right dd span a:first-child{margin-left: 0;}
.index_right dd span a img{width: 100%;opacity: 1;}

.center_top a{ margin-left: 24px;}
.foot_top_left img{width: 130px;}
.foot_top_center{margin: 0 30px 0 14px;}
.foot_top_right{;margin-top: 16px;}

.ulStyle li{height: 74px;}
.ulStyle li .dl .dd h5{font-size: 36px;line-height: 48px;height: 54px;}
.ulStyle li .dl .dd em{font-size: 13px;}

}

@media screen and (max-width: 1200px){
.nav_out{display: none;}
.header .menuIcon{display: block;}
.logo_w{padding: 12px 0;height: auto;}
.logo_svg{display: none;}
.logo img{opacity: 1;position: relative;-webkit-animation:none;}

.qlBanner .swiper-slide a{padding-bottom: 40%;}
.qlBanner .swiper-pagination{right: 5%;}
.foot_top_center{margin-left: 20px;}
.foot_top_right{ display: none;}

.center_top a{margin-left: 24px;}

}

@media screen and (max-width: 1024px){
.qlBanner .swiper-pagination{width: 30px;}
.qlBanner .swiper-pagination .swiper-pagination-bullet{width: 30px;height: 30px;line-height: 30px;font-size: 12px;margin: 7px 0;background-size: 100% 100%;}

.index_right dd p{height: 72px;margin-bottom: 16px;}

.qlTitle{height: 108px;line-height: 108px;}
.qlTitle .w1170 span img{height: 40px;}
.qlTitle .w1170 span .pc{display: none;}
.qlTitle .w1170 span .wap{display: inline-block;}
.index_three_title{display: block;}
.index_three > div{display: none;}
.index_three{padding: 20px 0;margin-bottom: 30px;}

.index_three dd{height: 120px;padding: 20px;}
.index_three dt{height: 120px;}

.foot_top_left{display: none;}
.foot_top_center{width: 100%;margin: 0;float: none;padding: 20px 0;}
.center_top{display: none;}
.foot_top_right{display: none;}
.foot_top{padding-bottom: 0;}
.center_bottom{height: auto;min-height: 60px;}

.index_left,.index_right{width: 100%;margin-right: 0;}
.index_right{margin-top: 20px;}
.index_right dd p{height: 48px;}
}

@media screen and (max-width: 768px){


.qlTitle{height: 88px;line-height: 88px;}
.qlTitle .w1170 span img{height: 40px;}

.index_three{padding-bottom: 0;}
.index_three dd,.index_three dt{width: 100%;}
.index_three dd{height: auto;}
.index_three dd .wrap{height: auto;padding-bottom: 20px;}
.index_three dt{height: 0;padding-bottom: 28.36%;}

.link{margin-bottom: 30px;}
.link .container .swiper-slide a img{height: 40px;}

.center_bottom{padding-left: 0;padding-top: 72px;background-position: center top;text-align: center;}

.foot_bottom{line-height: 28px;padding: 16px 0;}
.foot_bottom_right,.foot_bottom_left{width: 100%;float: none;text-align: center;}


}

@media screen and (max-width: 468px){
.logo img{height: 40px;width: auto;}
.header .menuIcon{width: 24px;}

.qlBanner .swiper-pagination{width: 100%;text-align: center;right: 0;top:auto;bottom: 5%;-webkit-transform:translateY(0); -moz-transform: translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
.qlBanner .swiper-pagination .swiper-pagination-bullet{display: inline-block;margin: 0 3px;width: 24px;height: 24px;line-height: 24px;}


.index_right dl{padding-left: 0;min-height: auto;}
.index_right dt{display: none;}

.index{margin: 20px auto 30px;}
.index_left_box ul li a{padding-left: 12px;}

 .index_title img{height: 18px;} 
.more{margin-top: 10px;}
.index_title{height: 32px;}
.index_title_bottom{margin: 4px auto 18px;}
/* .index_title_bottom img{height: 22px;} */
.index_right dd p{margin-bottom: 10px;}
.index_right dd span{margin-top: 16px;}


.qlTitle{height: 88px;line-height: 88px;}
.p_more{margin-top: 20px;}

.ibusScroll{margin: 30px auto;}
.ibusScroll .wrap{padding: 0;}
.ibusScroll .right_next, .ibusScroll .left_prev{display: none;}

.link{padding-left: 140px;}
.link h4{margin-top: -20px;}
.link h4 img{height: 40px;}
.link a{margin: 0 8px;}
.link .container .swiper-slide a img{height: 32px;}

.center_bottom{padding-top: 66px;background-size: auto 50px;line-height: 24px;}
.foot_bottom{line-height: 24px;}
.policeWrap{padding:10px 0;}

.ulStyle li{height: 60px;}
.ulStyle li .dl .dd em{line-height: 24px;margin-top: -20px;}


.index_title img.pc{display: none;}
.index_title img.wap{display: inline-block;}

.stock .cont{padding: 12px;}

.index_right dd .numBox .numItem p{ font-size: 12px;}

.viewer-title{font-size: 14px;margin-bottom: 8px;}

.stock .qlTabs li{padding: 0 10px;font-size: 13px;line-height: 28px;}

.pic_list.picList li{ width: 48%; margin-right: 0;}

}